<!DOCTYPE html>
<link rel="match" href="../../expected/css/svg-element-should-be-allowed-to-establish-stacking-context.html" />
<style>
    #container {
        position: relative;
        width: 200px;
        background: #ffffe0;
    }

    #overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 40px;
        background: crimson;
        z-index: 0;
    }

    svg {
        width: 100px;
        height: 100px;
        margin-top: 30px;
        position: relative;
        z-index: 1;
        background: lightgreen;
    }
</style>
<div id="container">
    <div id="overlay"></div>
    <svg></svg>
</div>
